<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自定义属性</title>
</head>
<body>
    <!-- 定义 -->
    <!-- 规范
        1、data- 开头
        2、data- 后面至少包含一个字符,多个单词使用-分割
        建议：
        1、名称应该都使用小写-不要包含任何的大写字母
        2、名称中不要有任何的特殊符号
        3、名称不要使用纯数字
    -->
    <p data-school-name="黑马程序员">黑马程序员</p>
    <!-- 取值 -->
    <script>
        var oP = document.querySelector("p")
        // 将 data- 后面的单词使用驼峰命名法连接
        var data = oP.dataset["schoolName"]
        console.log("自定义属性的值data-school-name：", data);
    </script>
</body>
</html>